<template>
    <div class="root">
      <!--顶部提示-->
      <top-banner/>
      <header-tools/>
      <header-navigation/>

      <router-view/>

      <foot/>

      <el-dialog
        title="联系我们"
        :visible.sync="dialogVisible"
        width="35%"
      >
        <div>电话</div>
        <div>联系我们，通过电话或任何其他信息订购我们的产品和服务。</div>
        <div>线上客服专线：{{phone1}}</div>
        <div>全国客服热线：{{phone2}}</div>
        <div>周一至周日上午9时至晚上9时（北京时间），节假日除外。</div>
        <div>要了解我们如何处理和保护您的数据，请阅读此处。</div>
      </el-dialog>
    </div>
</template>

<script>
    import HeaderNavigation from './currency/top/HeaderNavigation'
    import TopBanner from './currency/top/TopBanner'
    import HeaderTools from './currency/top/HeaderTools'
    import Foot from './currency/foot/Foot'
    export default {
        name: "Index",
      components:{
        Foot,
        HeaderTools,
        HeaderNavigation,
        TopBanner,

      },
        data(){
          return{
            dialogVisible: false,
            // 线上客服专线：
            phone1:'4008-056-881',
            // 全国客服热线：
            phone2:'4008-412-908',
          }
        },
        methods:{
          dialogOpen(){
            this.dialogVisible = true
          },

        },

    }
</script>

<style scoped>
  .el-dialog div{
    margin: 10px 0;
  }
</style>
